<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>跟踪详情 - 跟踪管理 - 清管管理</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
    <script>
        var path="<%=request.getContextPath()%>";
    </script>
</head>
<body>
<div class="page-container">
    <!-- 此输入框用于存放任务ID -->
    <input type="hidden" id="JQ_track_id" value="${taskId}"/>
    <!-- 加载GIS地图需要的 -->
    <input type="hidden" id="gisResourcePath" value="${gisResourcePath}"/>
    <!-- content -->
    <div class="main-content">
        <div class="main-inner">
            <div class="content-inner">
                <div class="meta-head">
                    <h3>
                        <i class="xyf-track-icon"></i>跟踪管理>查看
                    </h3>
                </div>
                <div class="zy-form-line">
                    <div class="meta-bar" style="margin-top: 8px;">
                        <label class="zy-toggle-label">
                            <span id="JQ_toggle_list">列表</span>
                            <span id="JQ_toggle_map">地图</span>
                            <span style="display: none" id="JQ_is_Map">0</span>
                        </label>
                    </div>
                </div>

                <!--头部-->
                <div id="JQ_track_top" class="xyf-top-hint xyf-hide">
                    <div class="xyf-hint-img"></div>
                    <div class="xyf-hint-message">
                        <p class="xyf-mes-title">任务名称</p>
                        <p class="xyf-mes-text" id="JQ_taskName"></p>
                        <em></em>
                    </div>
                    <div class="xyf-hint-message ma25">
                        <p class="xyf-mes-title">管道名称</p>
                        <p class="xyf-mes-text" id="JQ_linesName"></p>
                        <em></em>
                    </div>
                    <div class="xyf-hint-message ma25">
                        <p class="xyf-mes-title">清管类型</p>
                        <p class="xyf-mes-text" id="JQ_pigType"></p>
                    </div>
                </div>
                <!--跟踪点-->
                <div class="xyf-slide-box" id="JQ_xyf_slide">
                    <div class="xyf-slide-content" id="JQ_slide_content">
                        <div class="xyf-begin-point" id="JQ_begin_point">
                            <div class="xyf-begin-point-light"></div>
                            <div class="xyf-begin_point-top">
                                <div class="begin_point-top-img">
                                </div>
                                <div class="begin_point-top-line"></div>
                                <div class="clear"></div>
                            </div>
                            <p class="bengin-point-number" id="JQ_scroll_begin_ball"></p>
                            <p id="JQ_scroll_begin_time"></p>
                            <p>绝对距离(m)：<span id="JQ_scroll_begin_mile"></span></p>
                        </div>
                        <div id="JQ_link_point" class="xyf-link-div"></div>
                        <div class="xyf-begin-point" id="JQ_end_point">
                            <div class="xyf-begin-point-light"></div>
                            <div class="xyf-begin_point-top">
                                <div class="end_point-top-img">
                                </div>
                                <div class="clear"></div>
                            </div>
                            <p class="bengin-point-number" id="JQ_scroll_end_ball"></p>
                            <p id="JQ_scroll_end_time"></p>
                            <p>绝对距离(m)：<span id="JQ_scroll_end_mile"></span></p>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <!--地图-->
                <div id="JQ_track_gis" style="display: none; margin: 20px 0;">
                    <div id="mapDiv"></div>
                </div>
                <!-- track detail message -->
                <div id="JQ_track_message" class="xyf-hide">
                    <div class="xyf-track-point xyf-hide" id="JQ_all_detail">
                        <div class="xyf-point-info xyf-hide" id="JQ_begin_detail">
                            <p class="info-top" ><span>发球点详情</span></p>
                            <ul class="clearFix info-ul">
                                <li>
                                    <span title="发球点：">发球点：</span>
                                    <font id="JQ_begin_ball"></font>
                                </li>
                                <li>
                                    <span title="绝对距离(m)：">绝对距离(m)：</span>
                                    <font id="JQ_begin_mile"></font>
                                </li>
                                <li>
                                    <span title="发球时间：">发球时间：</span>
                                    <font id="JQ_begin_time"></font>
                                </li>
                                <li class="fine-li">
                                    <span title="发球人：">发球人：</span>
                                    <font id="JQ_begin_man"></font>
                                </li>
                                <li>
                                    <span title="发球时发球站出站压力(MPa)：">发球时发球站出站压力(MPa)：</span>
                                    <font id="JQ_begin_out"></font>
                                </li>
                                <li>
                                    <span title="发球时收球站进站压力(MPa)：">发球时收球站进站压力(MPa)：</span>
                                    <font id="JQ_begin_in"></font>
                                </li>
                                <li>
                                    <span title="发球时流量：">发球时流量：</span>
                                    <font  id="JQ_begin_flow"></font>
                                </li>
                                <li class="fine-li">
                                    <span title="管道内径(mm)：">管道内径(mm)：</span>
                                    <font  id="JQ_begin_bore"></font>
                                </li>
                                <li>
                                    <span title="清管类型：">清管类型：</span>
                                    <font id="JQ_begin_type"></font>
                                </li>
                                <li>
                                    <span title="清管工具：">清管工具：</span>
                                    <font id="JQ_begin_tool"></font>
                                </li>
                                <li>
                                    <span title="发球压差(MPa)：">发球压差(MPa)：</span>
                                    <font id="JQ_begin_pressure"></font>
                                </li>
                                <li class="fine-li">
                                    <span title="过盈量(%)：">过盈量(%)：</span>
                                    <font id="JQ_begin_full"></font>
                                </li>
                                <li>
                                    <span title="发球记录人：">发球记录人：</span>
                                    <font id="JQ_begin_recordMan"></font>
                                </li>
                            </ul>
                            <div class="clearFix info_foot">
                                <div class="info_foot_img">
                                    <span>发球照片：</span>
                                    <div id="JQ_begin_img"></div>
                                </div>
                                <div class="info_foot_depict xyf_foot_depict">
                                    <span>备注：</span>
                                    <textarea readonly="true" id="JQ_begin_remark"></textarea>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="xyf-point-info xyf-hide" id="JQ_end_detail">
                            <p class="info-top"><span>收球点详情</span></p>
                            <ul class="clearFix info-ul">
                                <li>
                                    <span title="收球点：">收球点：</span>
                                    <font id="JQ_end_ball"></font>
                                </li>
                                <li>
                                    <span title="绝对距离(m)：">绝对距离(m)：</span>
                                    <font id="JQ_end_mile"></font>
                                </li>
                                <li>
                                    <span title="收球时间：">收球时间：</span>
                                    <font id="JQ_end_time"></font>
                                </li>
                                <li class="fine-li">
                                    <span title="收球人：">收球人：</span>
                                    <font id="JQ_end_man"></font>
                                </li>
                                <li>
                                    <span title="收球时发球站出站压力(MPa)：">收球时发球站出站压力(MPa)：</span>
                                    <font id="JQ_end_out"></font>
                                </li>
                                <li>
                                    <span title="收球时收球站进站压力(MPa)：">收球时收球站进站压力(MPa)：</span>
                                    <font id="JQ_end_in"></font>
                                </li>
                                <li>
                                    <span title="收球时流量：">收球时流量：</span>
                                    <font id="JQ_end_flow"></font>
                                </li>
                                <li class="fine-li">
                                    <span title="清管器工具平均速度(m/s)：">清管器工具平均速度(m/s)：</span>
                                    <font id="JQ_end_speed"></font>
                                </li>
                                <li>
                                    <span title="最大推球压差(Mpa)：">最大推球压差(Mpa)：</span>
                                    <font id="JQ_end_pressure"></font>
                                </li>
                                <li>
                                    <span title="污水(Kg)：">污水(Kg)：</span>
                                    <font id="JQ_end_water"></font>
                                </li>
                                <li>
                                    <span title="污物(Kg)：">污物(Kg)：</span>
                                    <font id="JQ_end_goods"></font>
                                </li>
                                <li class="fine-li">
                                    <span title="放空气量(10⁴m³/d)">放空气量(10⁴m³/d)：</span>
                                    <font id="JQ_end_air"></font>
                                </li>
                                <li>
                                    <span title="管道实际过气量(10⁴m³/d)">管道实际过气量(10⁴m³/d)：</span>
                                    <font id="JQ_end_pipeAir"></font>
                                </li>
                                <li>
                                    <span title="天然气相对密度(Kg/m³)">天然气相对密度(Kg/m³)：</span>
                                    <font id="JQ_end_gas"></font>
                                </li>
                                <li>
                                    <span title="天然气平均温度(K)">天然气平均温度(K)：</span>
                                    <font id="JQ_end_temper"></font>
                                </li>
                                <li class="fine-li">
                                    <span title="清管器运行距离(km)">清管器运行距离(km)：</span>
                                    <font id="JQ_end_runMile"></font>
                                </li>
                                <li>
                                    <span title="在平均压力下的压缩系数">平均压力下的压缩系数：</span>
                                    <font id="JQ_end_coe"></font>
                                </li>
                                <li>
                                    <span title="收球记录人">收球记录人：</span>
                                    <font id="JQ_end_recordMan"></font>
                                </li>
                                <li>
                                    <span title="清管时间">清管时间：</span>
                                    <font id="JQ_end_cleanTime"></font>
                                </li>
                                <li class="fine-li">
                                    <span title="清管平均速率(m/s)">清管平均速率(m/s)：</span>
                                    <font id="JQ_end_ratio"></font>
                                </li>
                                <li>
                                    <span title="过盈量(%)">过盈量(%)：</span>
                                    <font id="JQ_end_pull"></font>
                                </li>
                                <li>
                                    <span title="清管工具描述">清管工具描述：</span>
                                    <font id="JQ_end_toolDetail"></font>
                                </li>
                            </ul>
                            <div class="info_foot clearFix">
                                <div class="info_foot_img">
                                    <span>收球照片：</span>
                                    <div id="JQ_end_img"></div>
                                </div>
                                <div class="info_foot_depict xyf_foot_depict">
                                    <span>清除物描述：</span>
                                    <textarea readonly="true" id="JQ_end_remark"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="xyf-point-info xyf-hide" id="JQ_point_detail">
                            <p class="info-top"><span>位置描述</span></p>
                            <ul class="info-ul clearFix">
                                <li>
                                    <span title="跟踪点：">跟踪点：</span>
                                    <font id="JQ_point_track"></font>
                                </li>
                                <li>
                                    <span title="绝对距离(m)：">绝对距离(m)：</span>
                                    <font id="JQ_point_mile"></font>
                                </li>
                                <li>
                                    <span title="最近参考点：">最近参考点：</span>
                                    <font id="JQ_point_near"></font>
                                </li>
                                <li class="fine-li">
                                    <span title="相对最近参考点距离(m)：">相对最近参考点距离(m)：</span>
                                    <font id="JQ_point_nearMile"></font>
                                </li>
                                <li>
                                    <span title="通过时间：">通过时间：</span>
                                    <font id="JQ_point_time"></font>
                                </li>
                                <li>
                                    <span title="记录人：">记录人：</span>
                                    <font id="JQ_point_man"></font>
                                </li>
                            </ul>
                            <div class="clearFix info_foot">
                                <div class="info_foot_img">
                                    <span>照片：</span>
                                    <div id="JQ_link_img"></div>
                                </div>
                                <div class="info_foot_depict xyf_foot_depict">
                                    <span>备注：</span>
                                    <textarea readonly="true" id="JQ_point_remark"></textarea>
                                </div>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                    <div class="xyf-null-track-div" id="JQ_null_div"></div>
                    <div class="zy-form-line xyf-track-form-line" id="JQ_handle_btn">
                        <div class="zy-input-group">
                            <div class="zy-button-inner">
                                <button id="JQ_export_btn" type="button" class="zy-button zy-search"><i class="zy-export-icon"></i>导出跟踪点</button>
                                <form id="JQ-export_form" target="DOM_export_iframe"  method="post" action="<%=request.getContextPath()%>/pig/cleanPipeLineTrack/exportTrackPoint.json"></form>
                                <iframe name="DOM_export_iframe" scrolling="0" height="0" width="0" frameborder="0" style="display: none" src=""></iframe>
                            </div>
                        </div>
                        <div class="zy-sp"></div>
                        <div class="zy-input-group" id="JQ_import_btn_div">
                            <div class="zy-button-inner">
                                <button id="JQ_import_btn" type="button" class="zy-button zy-export"><i class="zy-export-icon"></i>导入跟踪点</button>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>

                    <div class="zy-table">
                        <div class="xyf-table-corner"></div>
                        <table id="JQ_table" class="zy-datatable" cellpadding="0" cellspacing="0" style="overflow-x: hidden;">
                            <thead>
                            <tr>
                                <th width="6%" title="序号">序号</th>
                                <th width="18%" title="跟踪点名称">位置描述</th>
                                <th width="10%" title="绝对距离(m)">绝对距离(m)</th>
                                <th width="8%" title="最近参考点">最近参考点</th>
                                <th width="16%" title="相对最近参考点距离(m)">相对最近参考点距离(m)</th>
                                <th width="10%" title="通过时间">通过时间</th>
                                <th width="8%" title="记录人">记录人</th>
                                <th width="12%" title="备注">备注</th>
                                <th width="8%" title="照片">照片</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                                <td>-</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="xyf-export-page-div">
                    <button type="button" id="JQ_back" class="zy-button zy-goback"><i class="zy-goback-icon"></i>返回</button>
                </div>
            </div>


            <div id="JQ_img_div"></div>
        </div>


        <!-- JS start -->
        <!-- plugin -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
        <script src="<%=request.getContextPath()%>/js/pig/comm/myutil.js"></script>
        <script src="<%=request.getContextPath()%>/js/pig/lhgdialog/lhgdialog.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.full.min.js"></script>
        <!-- ui -->
        <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
        <!-- GIS -->
        <script src="${pageContext.request.contextPath}/js/basedata/pipe/loadGis.js"></script>
        <!-- base -->
        <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
        <!-- api -->
        <script src="${pageContext.request.contextPath}/static/js/controller/api/cleanPipe.api.js"></script>
        <!-- controller -->
        <script src="${pageContext.request.contextPath}/static/js/controller/cleanPipe/track/seeTrack.controller.js"></script>
        <!-- JS end -->
    </div>
</div>
</body>
</html>